<template>
    <div  :class="[ 'container', top_dark == '1'    ? 'dark' : '=']">
        <router-view></router-view>
        <div class="index">
            <Header />
            <div class="main">

            </div>
        </div>
        <Copyright />
    </div>
</template>

<script>
    import Header from '../components/header.vue';
    import Copyright from '../components/bottom.vue';
    export default {
        data() {
            return {
                top_dark :  localStorage.getItem('top_dark'),
            };
        },
        created() {
        },
        methods: {
            lecture(){
                this.$router.push("/lecture")
            },
            train(){
                this.$router.push("/train")
            },
            message(){
                this.$router.push("/msglist")
            },
            my(){
                this.$router.push("/my")
            },
            feedback(){
                this.$router.push("/feedback")
            }
        },
        components:{Header,Copyright}
    };
</script>

<style lang="scss" scoped>
</style>
